// 系统主题样式, 菜单主题样式, 用户信息, 设置中心, 多标签类型定义

// 系统级别枚举
// App theme enum
export enum SystemThemeEnum {
    DARK = 'dark',
    LIGHT = 'light',
    AUTO = 'auto'
}

// Menu theme enum
export enum MenuThemeEnum {
    DARK = 'dark',
    LIGHT = 'light',
    DESIGN = 'design'
}

// 系统主题样式（light | dark）
export interface SystemThemeType {
    className: string // className
}

// 定义包含多个主题的类型
export type SystemThemeTypes = {
    [key in Exclude<SystemThemeEnum, SystemThemeEnum.AUTO>]: SystemThemeType
}

// 菜单主题样式
export interface MenuThemeType {
    theme: MenuThemeEnum // 主题名称
    background: string // 背景色
    systemNameColor: string // 系统标题颜色
    textColor: string // 文字颜色
    textActiveColor: string // 文字选中颜色
    iconColor: string // 图标颜色
    iconActiveColor: string // 图标选中颜色
    tabBarBackground: string // 顶栏背景色
    systemBackground: string // 系统背景色
    leftLineColor: string // 左侧线条颜色
    rightLineColor: string // 右侧线条颜色
}

// 系统信息
export const SystemInfo = {
    // 系统名称
    name: 'Ant Design Pro',
    // 登录默认帐号、密码
    login: {
        username: 'admin',
        password: '123456'
    }
}

// 系统主题样式（light | dark）
export const SystemThemeStyles: SystemThemeTypes = {
    [SystemThemeEnum.LIGHT]: {
        className: ''
    },
    [SystemThemeEnum.DARK]: {
        className: SystemThemeEnum.DARK
    }
}

// 设置中心主题列表
export const SystemThemeList = [
    {
        name: '浅色',
        theme: SystemThemeEnum.LIGHT,
        color: ['#fff', '#fff'],
        leftLineColor: '#EDEEF0',
        rightLineColor: '#EDEEF0'
    },
    {
        name: '深色',
        theme: SystemThemeEnum.DARK,
        color: ['#22252A'],
        leftLineColor: '#3F4257',
        rightLineColor: '#3F4257'
    },
    {
        name: '跟随系统',
        theme: SystemThemeEnum.AUTO,
        color: ['#fff', '#22252A'],
        leftLineColor: '#EDEEF0',
        rightLineColor: '#3F4257'
    }
]

// 菜单样式
export const MenuThemeList: MenuThemeType[] = [
    {
        theme: MenuThemeEnum.DESIGN,
        background: '#FCFCFC',
        systemNameColor: '#000000',
        iconColor: '#545F73',
        textColor: '#545F73',
        textActiveColor: '#3F8CFF',
        iconActiveColor: '#333333',
        tabBarBackground: '#FAFBFC',
        systemBackground: '#FAFBFC',
        leftLineColor: '#EDEEF0',
        rightLineColor: '#EDEEF0'
    },
    {
        theme: MenuThemeEnum.DARK,
        background: '#191A23',
        systemNameColor: '#BABBBD',
        iconColor: '#BABBBD',
        textColor: '#BABBBD',
        textActiveColor: '#FFFFFF',
        iconActiveColor: '#FFFFFF',
        tabBarBackground: '#FFFFFF',
        systemBackground: '#F8F8F8',
        leftLineColor: '#3F4257',
        rightLineColor: '#EDEEF0'
    },
    {
        theme: MenuThemeEnum.LIGHT,
        background: '#ffffff',
        systemNameColor: '#68758E',
        iconColor: '#68758E',
        textColor: '#68758E',
        textActiveColor: '#3F8CFF',
        iconActiveColor: '#333333',
        tabBarBackground: '#FFFFFF',
        systemBackground: '#F8F8F8',
        leftLineColor: '#EDEEF0',
        rightLineColor: '#EDEEF0'
    }
]

// 系统主色
export const SystemMainColor = [
    '#1485FF',
    '#5D87FF',
    '#9071E9',
    '#63BA46',
    '#00C3EE',
    '#FD6975',
    '#FF80C8'
]

// 系统基础配置列表，对应开关切换
export const BaseConfigList = [
    {
        color: '#1485FF',
        name: '蓝'
    },
    {
        color: '#5D87FF',
        name: '天蓝'
    },
    {
        color: '#9071E9',
        name: '紫色'
    },
    {
        color: '#63BA46',
        name: '绿色'
    },
    {
        color: '#00C3EE',
        name: '青色'
    },
    {}
]